<template>
    <div class="upmes" v-if="isShowMes">
      <div style="float:left">
        <span style="color: rgb(97,97,97);">{{ message }}</span>
        <el-button type="text" style="margin-left:20px" @click="skip">立即去升级</el-button>
      </div>
      <div style="float:right">
        <el-button type="primary" plain size="mini" style="padding:8px 12px" @click="isShowMes = false">我知道了</el-button>
      </div>
    </div>
</template>

<script>
export default {
  computed: {
    message() {
      return '小程序有更新，请点击去提交新版本升级哦!'
    }
  },
  data() {
    return {
      isShowMes: true
    }
  },
  methods: {
    skip() {
      this.$router.push('/applet/publish')
    }
  },
}
</script>

<style lang="css" scoped>
.upmes{
  height: 56px;
  width: 100%;
  line-height: 56px;
  border-radius: 3px;
  padding: 0 20px;
  background-color: rgb(240, 216, 220);
}
.upmes>div{
  display: inline-block;
}
</style>